<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>7.初识vm</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 准备好一个容器-->
        <div id="app">
            <h1>{{str}}</h1>
            <h1>{{_c}}</h1>
            <h1>{{$attrs}}</h1>
            <h1>{{$children}}</h1>
            <h1>{{$el}}</h1>
            <h1>{{abc}}</h1>

            <h1 v-bind:a="$attrs"></h1>
        </div>
    </body>

    <script type="text/javascript">
        
        Vue.prototype.abc = "123";

        //实例对象就是 vm 
       let vm = new Vue({
            el:"#app",
            data:{
                str:"学习vm虚拟dom对象"
            }
       })

       

       console.log(vm);

       

       

        
    </script>
</html>